*{ 
	margin: 0; 
	padding: 0; 
	box-sizing: border-box; 
    font-family: Helvetica, "PingFang SC", "Microsoft Yahei", sans-serif; 
	font-size: 14px;
} 
img{ 
	width: 100%; 
}

:root { 
	/* 主色调（黄）、主题色、副色 */
	--primary-color: #f79f1f;
	--secondary-color: #e3e3e3;
	--text-color-lightest: #e7e9ec; 
    --text-color-darker: #2e2e2e; 
	--text-color-dark: #494949; 
	--text-color-gray: #8b8b8b;
    --text-color-dark-gray: #727272; 
	--text-color-light-gray: #c6c6c6;
	/* 背景层遮罩颜色 */
    --backdrop-color: rgba(42, 42, 42, 0.69);	
}

/* 设置头部样式 */
header{ 
	width: 100vw; 
	height: 80px; 
	display: grid; 
	padding: 0 40px; 
    grid-template-columns: 1fr 2fr;
    align-items: center; 
	position: relative; 
	z-index: 200; 
}
.logo {
	font-size: 24px; 
	font-weight: 600; 
	color: var(--text-color-lightest); 
}

.logo img{
	width: 24px;
	height: auto;
	vertical-align: middle;
}

.users{
	width: 48px;
	height: auto;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	right: 38px;
	
}

